/* See license.txt for terms of usage */

.panelNode-AInspector {
    overflow-x: hidden;
}


/************************************************************************************************/
/* Header for Grids */

.gridHeaderRow {
    height: 16px;
}

.gridHeaderRowz {
  margin: 0;
  border: 0;
  padding: 3px 5px;
  vertical-align: top;
  background-color: #999;
  color: #eee;
  white-space: nowrap;
}

.gridHeaderCell {
    cursor: pointer;
    -moz-user-select: none;
    border-bottom: 1px solid #9C9C9C;
    padding: 0 !important;
    font-weight: normal;
    color: #000000; 
    font-size: medium;
    background: #EEEEEE url(chrome://firebug-a11y/skin/tableHeader.gif) repeat-x;
    white-space: nowrap; 
}

.gridHeaderRow > .gridHeaderCell:first-child > .gridHeaderCellBox {
    padding: 2px 14px 2px 18px;
}

.gridHeaderCellBox {
    padding: 2px 14px 2px 10px;
    border-left: 1px solid #D9D9D9;
    border-right: 1px solid #9C9C9C;
    text-align: left;
}

.gridHeaderCell:hover:active {
    background: #959595 url(chrome://firebug-a11y/skin/tableHeaderActive.gif) repeat-x;
}

.gridHeaderCell:focus {
	outline:none;
  background: #959595 url(chrome://firebug-a11y/skin/tableHeaderFocus.gif) bottom left repeat-x;
}

.gridHeaderSorted {
    background: #7D93B2 url(chrome://firebug-a11y/skin/tableHeaderSorted.gif) repeat-x;
}

.gridHeaderSorted > .gridHeaderCellBox {
    border-right-color: #6B7C93;
    background: url(chrome://firebug-a11y/skin/arrowDown.png) no-repeat right;
}

.gridHeaderSorted.sortedAscending > .gridHeaderCellBox {
    background-image: url(chrome://firebug-a11y/skin/arrowUp.png);
}

.gridHeaderSorted:hover:active {
    background: #536B90 url(chrome://firebug-a11y/skin/tableHeaderSortedActive.gif) repeat-x;
}

.gridCellSelected {
  background: #33A1DE;
  color: #ffffff;
}

.gridRowSelected {
   background: #817db2;
   
}



/************************************************************************************************/

.failRow {
	background: #FFAAAA;
}
.warnRow {
	background: #FFFF99;
}
.checkRow {
	background: #FFE6CC;
}
.passRow {
	background: white;
}

.gridRow.loaded {
    background: #FFFFFF;
}

.gridRow.loaded:hover {
    background: #EFEFEF;
}

.gridCol {
    padding: 0;
    vertical-align: top;
   /* color: #000000;*/ 
/*     white-space: nowrap;   grid column sizes will not resize if this is set */
}

.gridOrderCol {
  text-align: right;
}

.gridLabel {
    width: 100%; 
}

.gridContent {
    width: 100%;
   
}
.gridAlign {
  text-align: left;
  }
.resultAlign {
	  text-align: center;
}
.useA11y .a11yShowFullLabel {
    display: block;
    background-image: none !important;
    border: 1px solid #CBE087;
    background-color: LightYellow;
    font-family: Monaco, monospace;
    color: #000000;
    font-size: 10px;
    z-index: 2147483647;
}

.focusRow:focus {
	border-width: 2px; 
	border-style: dotted; 
	border-color: red;
}
/********************** Column visibility ***************************/
.ai-table-list-items[hiddenCols~=gridElementCol] TH[id="gridElementCol"],
.ai-table-list-items[hiddenCols~=gridElementCol] TH.gridElementCol,
.ai-table-list-items[hiddenCols~=gridHiddenCol] TH[id="gridHiddenCol"],
.ai-table-list-items[hiddenCols~=gridHiddenCol] TH.gridHiddenCol,
.ai-table-list-items[hiddenCols~=gridPassCol] TH[id="gridPassCol"],
.ai-table-list-items[hiddenCols~=gridPassCol] TH.gridPassCol,
.ai-table-list-items[hiddenCols~=gridWarningCol] TH[id="gridWarningCol"],
.ai-table-list-items[hiddenCols~=gridWarningCol] TH.gridWarningCol, 
.ai-table-list-items[hiddenCols~=gridManualCheckCol] TH[id="gridManualCheckCol"],
.ai-table-list-items[hiddenCols~=gridManualCheckCol] TH.gridManualCheckCol,
.ai-table-list-items[hiddenCols~=gridViolationCol] TH[id="gridViolationCol"],
.ai-table-list-items[hiddenCols~=gridViolationCol] TH.gridViolationCol,
.ai-table-list-items[hiddenCols~=gridRulesCol] TH[id="gridRulesCol"],
.ai-table-list-items[hiddenCols~=gridRulesCol] TH.gridRulesCol,
.ai-table-list-items[hiddenCols~=gridRequiredCol] TH[id="gridRequiredCol"],
.ai-table-list-items[hiddenCols~=gridRequiredCol] TH.gridRequiredCol,
.ai-table-list-items[hiddenCols~=gridLevelCol] TH[id="gridLevelCol"],
.ai-table-list-items[hiddenCols~=gridLevelCol] TH.gridLevelCol,
.ai-table-list-items[hiddenCols~=gridPEPRCol] TH[id="gridPEPRCol"],
.ai-table-list-items[hiddenCols~=gridPEPRCol] TH.gridPEPRCol {
    display: none;
}
.ai-table-list-items[hiddenCols~=gridElementCol] TD[id="gridElementCol"],
.ai-table-list-items[hiddenCols~=gridElementCol] TD.gridElementCol,
.ai-table-list-items[hiddenCols~=gridHiddenCol] TD[id="gridHiddenCol"],
.ai-table-list-items[hiddenCols~=gridHiddenCol] TD.gridHiddenCol,
.ai-table-list-items[hiddenCols~=gridPassCol] TD[id="gridPassCol"],
.ai-table-list-items[hiddenCols~=gridPassCol] TD.gridPassCol,
.ai-table-list-items[hiddenCols~=gridWarningCol] TD[id="gridWarningCol"],
.ai-table-list-items[hiddenCols~=gridWarningCol] TD.gridWarningCol, 
.ai-table-list-items[hiddenCols~=gridManualCheckCol] TD[id="gridManualCheckCol"],
.ai-table-list-items[hiddenCols~=gridManualCheckCol] TD.gridManualCheckCol,
.ai-table-list-items[hiddenCols~=gridViolationCol] TD[id="gridViolationCol"],
.ai-table-list-items[hiddenCols~=gridViolationCol] TD.gridViolationCol,
.ai-table-list-items[hiddenCols~=gridRulesCol] TH[id="gridRulesCol"],
.ai-table-list-items[hiddenCols~=gridRulesCol] TH.gridRulesCol,
.ai-table-list-items[hiddenCols~=gridRequiredCol] TH[id="gridRequiredCol"],
.ai-table-list-items[hiddenCols~=gridRequiredCol] TH.gridRequiredCol,
.ai-table-list-items[hiddenCols~=gridLevelCol] TH[id="gridLevelCol"],
.ai-table-list-items[hiddenCols~=gridLevelCol] TH.gridLevelCol,
.ai-table-list-items[hiddenCols~=gridPEPRCol] TH[id="gridPEPRCol"],
.ai-table-list-items[hiddenCols~=gridPEPRCol] TH.gridPEPRCol {
    display: none;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */

.useA11y .panelNode-AInspector .a11yFocus:focus,
.useA11y .panelNode-AInspector .focusRow:focus {
    outline-offset: -2px;
    background-color: #FFFFD6 !important;
}

.useA11y .panelNode-AInspector .gridHeaderCell:focus,
.useA11y .panelNode-AInspector :focus .gridHeaderCell,
.useA11y .panelNode-AInspector :focus .netReceivingBar

